.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

body,
html {
    background: #ededed;
}

.header {
    z-index: 99;
    width: 100%;
    .px2rem(height, 100);
    .px2rem(line-height, 100);
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    background: #2f2f2f;
    span {
        color: white;
        .px2rem(font-size, 32);
        font-weight: bolder;
    }
    span:nth-child(1) {
        .px2rem(margin-left, 20)
    }
}

.img-11{
    .px2rem(margin-top,100);
    .px2rem(height, 80);
    .px2rem(line-height,80);
    background: white;
    width: 100%;
    span{
        .px2rem(margin-left,50);
        .px2rem(font-size,24);
        font-weight: bolder;
    }
    span:nth-child(2){
        color: darkgoldenrod;
    }
}
.section{
    width: 100%;
}
.Recommend{
    width: 100%;
    .px2rem(height,60);
    .px2rem(line-height,60);
    .px2rem(margin-top,10);
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    span{
        display: inline-block;
        .px2rem(height,32);
        .px2rem(line-height,32);
        .px2rem(font-size,26);
        .px2rem(margin-left,20);
        font-weight: bolder;
        text-indent: 2%;
        border-left: 4px solid black;
        color: black;
    }
    span:nth-child(2){
        border: none;
    }
    span:nth-child(3){
        color: #666666;
        border: none;
        width: 20%;
        text-align: center;
    }
}
.list{
    width: 100%;
//  .px2rem(height,980);
    background: white;
    display: flex;
    flex-wrap: wrap;
    div{
       width: 48%;
       margin: 1%;
//     background: wheat;
       img{
           display: block;
           margin: 0 auto;
           .px2rem(margin-top,80);
           .px2rem(margin-bottom,30);
           .px2rem(width,220);
           .px2rem(height,220);
       }
      
    }
}
.list-text{
    p{
        .px2rem(line-height,40);
        .px2rem(margin-left,20);
        .px2rem(font-size,26);
        .px2rem(width,340)
    }
    span:nth-child(3){
        display: inline-block;
        .px2rem(line-height,40);
        .px2rem(text-indent,20);
        color: #d3ae4d;
        .px2rem(font-size,25)
    }
     span:nth-child(4){
        display: inline-block;
        .px2rem(line-height,40);
        .px2rem(text-indent,40);
        color: #666666;
        .px2rem(font-size,16);
        text-decoration:line-through
    }
     
       
}
